﻿/*********************** 样式3 *************************/
.picChange1 {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
	margin: auto;
}
.picChange1 .picChangePicList {
	position: absolute;
	overflow: visible;
}
.picChange1 .picChangePicList div {
	position: absolute;
	display: none;
}
.picChange1 .picChangePicList img {
	display: block;
}
.picChange1 .picChangeTitle {
	position: absolute;
	background-color: #E11856;
	line-height: 30px;
	width: 100%;
	text-align: center;
	font-size: 0px;
	font-weight: bold;
	color: white;
	opacity: 0;
	top: 0;
}
.picChange1 .picChangebtnNum {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
.picChange1 .picChangebtnNum span {
	font-size: 0px;
	padding: 9px;
	background-color: white;
	margin: 0 4px;
	cursor: pointer;
	border-radius: 50%;
	color: white;
}
.picChange1 .picChangebtnNum span.current {
	background-color: #E11856;
	cursor: pointer;
	color: #E11856;
	box-shadow: none;
}
.picChange1 .picChangebtnThumb {
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.picChange1 .picChangebtnThumb span {
	position: relative;
	display: block;
	float: left;
	border: 2px white solid;
	width: 30px;
	height: 30px;
	margin: 2px;
	cursor: pointer;
	overflow: hidden;
}
.picChange1 .picChangebtnThumb span.current {
	opacity: 1;
	border: 2px #E11856 solid;
}
.picChange1 .picChangebtnThumb span img {
	position: absolute;
}
/*********************** 样式2 *************************/

.picChange2 { height: 400px; overflow: hidden; position: relative; margin: auto; border-radius: 10px; }
.picChange2 .picChangePicList { position: absolute; overflow: visible; }
.picChange2 .picChangePicList div { position: absolute; display: none; }
.picChange2 .picChangePicList img { display: block}
.picChange2 .picChangeTitle { position: absolute; background-color: #EE8800; line-height: 30px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: white; opacity: 0; top: 0; }
/*.picChange2 .picChangebtnNum { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.picChange2 .picChangebtnNum span { font-size: 12px; padding: 0px 3px; background-color: #EE8800; margin: 2px; cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 3px #000; }
.picChange2 .picChangebtnNum span.current { background-color: #661100; cursor: pointer; color: #FFFFFF; }*/
.picChange2 .picChangebtnThumb { position: absolute; bottom: 10px; text-align: center; }
.picChange2 .picChangebtnNum {
	display: none;
}
.picChange2 .picChangebtnThumb span { position: relative; opacity: 0.3; display: block; float: left; border: 3px #530E04 solid; width: 50px; height: 30px; margin: 3px; cursor: pointer; overflow: hidden; }
.picChange2 .picChangebtnThumb span.current { opacity: 1; border: 3px #FFF solid; }
.picChange2 .picChangebtnThumb span img { position: absolute; }
